
/**
 * 带颜色的文字
 * @param {*} props 
 * @returns 组件
 */
window.ColorText = (props) => {
    return React.createElement('span', {className: componentClass(props, 'baymax-colortext')},
        props.children || ''
    );
}

/**
 * 主题封面
 * @param {Object} props 
 * @returns 组件
 */
 window.CoverFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'baymax-cover-frame')},
        React.createElement('div', {className: 'text'}, 
            React.createElement(ColorText, {className: 'title'},
                props.title || "这是标题"
            ),
            React.createElement("div", {className: 'vice-title'}, 
                props.viceTitle || "这是副标题"
            )
        )
    );
}


/**
 * 标题页
 * @param {Object} props 
 * @returns 组件
 */
 window.TitleFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'baymax-title-frame')},
        React.createElement(ColorText, {className: 'title'},
            props.title || "这是标题"
        )
    );
}

/**
 * 内容页
 * @param {Object} props 
 * @returns 组件
 */
 window.ContentFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'baymax-content-frame')},
        props.children
    );
}